﻿@using ECGadmin.WebUI.CustomHelpers
@using ECGadmin.WebUI.Models
@model List<ECGadmin.Common.ProductCategoryBannerAdminListDto>
@{
    ViewBag.Title = "CategoryBanner";
    Layout = "~/Views/Shared/_layout.cshtml";
}
@section LeftMenu
{
    <div id="left">
        <div class="LeftMenuWraper">
            <div class="leftMenuHeader">
                <span style="padding-left: 10px;">
                    <strong>Truy cập nhanh</strong>
                </span>
            </div>
            <ul id="p-quick-menu" class="quick-menu">
                <li class="qmn-info-pro">
                    <a href="@Url.Action("Index", "ProductCategory")">Thông tin danh mục</a>
                </li>
                <li class="qmn-info-pro">
                    <a href="@Url.Action("CategoryBanner", "ProductCategory")">Banners category</a>
                </li>
                <li class="qmn-info-pro">
                    <a href="@Url.Action("TemplateList", "ProductCategory")">Template danh mục</a>
                </li>
                <li class="qmn-info-pro">
                    <a href="@Url.Action("Index", "ProductCategoryMapLink")">Liên kết danh mục</a>
                </li>
            </ul>
            <div class="leftMenuFooter"></div>
        </div>
    </div>
    <!-- END #left -->
}
<nav>
    <div id="jCrumbs" class="breadCrumb module">
        <ul>
            <li><a href="@Url.Action("Index", "Home")"><i class="bootstrap icon-home"></i></a></li>
            <li><a href="@Url.Action("Index", "ProductCategory")">Danh mục</a> </li>
        </ul>
    </div>
</nav>
<div class="toolBox">
    @Html.ToolBox(new List<object> { new Add { ClassCss = "Add", ActionName = "/ProductCategory/CategoryBannerAdd" } })
</div>
<div>
    @Html.DropDownList("ddlCategoryList", new SelectList(ViewBag.MenuList, "Id", "Name"), new { })
</div>

<div class="box-Info" style="margin-top:10px;">
    <div class="Info-header">
        <span>Banner theo danh mục</span>
    </div>
    <div class="Info-body" style="overflow:hidden;">
        <table class="table-odd table-plist" id="tblListCategoryBanner">
            <colgroup>
                <col style="width: 30px" />
                <col style="width: 50px" />
                <col style="width: 700px" />
                <col />
                <col />
                <col />
                <col />
                <col />
                <col />
                <col />
            </colgroup>
            <tbody>
                <tr>
                    <th scope="col">STT</th>
                    <th scope="col">Ảnh</th>
                    <th scope="col">Tên banner</th>
                    <th scope="col">Danh mục</th>
                    <th scope="col">Thứ tự</th>
                    <th scope="col">Ngày đăng</th>
                    <th scope="col">Ngày kết thúc</th>
                    <th scope="col">Hiển thị</th>
                    <th scope="col"></th>
                </tr>

                @foreach (var item in Model)
                {
                    <tr class="@string.Format("cbn-{0}", item.Id)">
                        <td style="text-align: center!important;">@item.STT</td>
                        <td>
                            <img src="@item.ImagePath?width=45&height=45" width="45" height="45" />
                        </td>
                        <td>
                            <a href="@Url.Action("CategoryBannerEdit", "ProductCategory", new { id = item.Id })">
                                @item.BannerName
                            </a>
                            <div class="info-ad-qv">
                                <a href="@Url.Action("CategoryBannerEdit", "ProductCategory", new { id = @item.Id })">Sửa</a> |
                                <a href="">Sửa nhanh</a> |
                                @Ajax.ActionLink("Xóa", "CategoryBannerDel", "ProductCategory", new { id = item.Id }, new AjaxOptions
                                                                                                 {
                                                                                                     Confirm = "Bạn chắc chắn muốn xóa Banner này!",
                                                                                                     OnSuccess = "AjaxReturnDataDeleteBanner"
                                                                                                 }) |
                                <a href="">Xem</a>
                            </div>
                        </td>

                        <td>
                            @item.CategoryName
                        </td>
                        <td style="text-align: center!important;">
                            @item.Ordering
                        </td>
                        <td>
                            @item.BeginDate.ToString("dd/MM/yy")
                        </td>
                        <td>
                            @item.EndDate.ToString("dd/MM/yy")
                        </td>
                        <td style="text-align: center!important;">
                            <input type="checkbox" id="@item.Id" @string.Format("{0}", item.Active ? "checked" : "") />
                        </td>
                        <td>
                            @Ajax.ActionLink("Xóa", "CategoryBannerDel", "ProductCategory", new { id = item.Id }, new AjaxOptions
                                                                      {
                                                                          Confirm = "Bạn chắc chắn muốn xóa banner này!",
                                                                          OnSuccess = "AjaxReturnDataDeleteBanner"
                                                                      }, new { @class = "icon-delete fl-l bootstrapTangoSmall", title = "chỉnh sửa" })
                        </td>
                    </tr>
                }
            </tbody>
        </table>

        <div class="p-paging">
            @Html.PageLinks((PageInfo)ViewBag.PageInfo, i => Url.Action("CategoryBanner", "ProductCategory", new { page = i }))
        </div>
    </div>
</div>
@section scripts
{
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
    <script type="text/javascript">
        // AJAX ------- Xóa page
        function AjaxReturnDataDeleteBanner(returnData) {
            if (returnData.result <= 0) {
                alert('Trang này đã có Banner hoặc Vị trí!');
            } else {
                $('.cbn-' + returnData.id).fadeOut();
            }
        }
        $(function () {
            $('#ddlCategoryList').change(function () {
                var id = $(this).val();
                $.ajax({
                    url: '/ProductCategory/CategoryBannerGetByCate',
                    data: { categoryId: id },
                    success: function (data) {
                        if (data) {
                            $('#tblListCategoryBanner tbody').html(data);
                        }
                        else {
                            var _html = '' +
                                '<tr>' +
                                '<th scope="col">STT</th>' +
                                '<th scope="col">Ảnh</th>' +
                                '<th scope="col">Tên banner</th>' +
                                '<th scope="col">Danh mục</th>' +
                                '<th scope="col">Thứ tự</th>' +
                                '<th scope="col">Ngày đăng</th>' +
                                '<th scope="col">Ngày kết thúc</th>' +
                                '<th scope="col">Hiển thị</th>' +
                                '<th scope="col"></th>' +
                                '</tr>';
                            $('#tblListCategoryBanner tbody').html(_html);
                        }
                    },
                    error: function () {
                        alert('Đã có lỗi xảy ra!');
                    }
                });
            });
        });

    </script>
}

